<template>
    <div class="computer">
        <!--头部 -->
         <div class="name" @click="$router.go(-1)">书程小驿</div>

         <div class="header">
      <div class="containor">
        <div class="name"></div>
        <ul class="category">
          <li v-for="(category, index) in categories" :key="index">
            {{ category.name }}
          </li>
        </ul>
        <div class="telephone">
          <img
            src="../assets/telephone.png"
            alt="图片丢失"
            width="25px"
            height="25px"
          />
          <span>联系我们</span>
        </div>
      </div>
    </div>
    <div class="swipper">
      <el-carousel height="470px">
        <el-carousel-item v-for="(item, index) in carousel" :key="index">
          <img :src="item.url" alt="图片丢失" />

        </el-carousel-item>
      </el-carousel>
    </div>


    
    
    <h1>人工智能</h1>
        <div class="test">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="../assets\深度学习.jpg"  height="150"  /> </td>
    <td align="center"><img src="../assets\人工智能.jpg" height="150" /></td>
    <td align="center"><img src="../assets\神经网络与深度学习.jpg" height="150" /></td>
    <td align="center"><img src="../assets\奇点临近.jpg" height="150" /></td>

    
  </tr>
  <tr>
    <td align="center"><h1>深度学习</h1><br>深度学习 人工智能算法，<br>机器学习奠基之作，<br>AI圣经 AI圣经 deep learning中文版 <br>2018年图灵奖获奖者作品 <br>[美]Ian Goodfellow（伊恩·古德费洛）<el-collapse>
  <el-collapse-item title="简介" name="1">
    <div>>AI圣经！深度学习领域奠基性的经典畅销书！<br>长期位居美国亚马逊AI和机器学习类图书榜首！<br>所有数据科学家和机器学习从业者的图书！<br>特斯拉CEO埃隆·马斯克等国内外众多专家推荐！</div>
  </el-collapse-item>
  </el-collapse>
  </td>
    <td align="center"><h1>人工智能</h1><br>人工智能 从小白到大神<br>（美国AAAS院士清华大学智能科学讲席<br>教授张亚勤 百度技术委员会理事长陈尚义联袂推荐）<br>刘鹏 曹骝 吴彩云 张燕 编著<br><el-collapse>
  <el-collapse-item title="简介" name="1">
    <div>这是一本权威的人工智能从入门到精通的读本从<br>人工智能的发展之路说起，结合丰富的<br>应用与实战实例，详细阐述了Python入门、<br>人工智能数学基础、手工打造神经网络、<br>TensorFlow与PyTorch、卷积神经网络、<br>目标分类、目标检测、图像语义分割、循环神经网络、<br>自然语言处理、生成对抗网络、强化学习等行业<br>前沿知识。
<br><br>
　　<br></div>
  </el-collapse-item>
  </el-collapse></td>
    <td align="center"><h1>神经网络与机器学习</h1>神经网络与深度学习 豆瓣评分9.5!<br>复旦大学邱锡鹏教授力作，周志华、<br>李航联袂推荐！深受好评的深度学习讲义蒲<br>阿斯顿·张（Aston Zhang） 李沐（Mu Li）[美] 扎卡里·C<br><el-collapse>
  <el-collapse-item title="简介" name="1">
    <div>复旦大学邱锡鹏教授基于优秀科研和教学实践，历时<br>5年时间静心写作、不断完善，深受<br>好评的深度学习讲义“蒲公英书”正式版！<br>字节跳动AI实验室主任李航、南京大学周志华教授、<br>复旦大学吴立德教授强力推荐。</div>
  </el-collapse-item>
  </el-collapse></td>
    <td align="center"><h1>奇点临近</h1>一部预测人工智能和科技未来的奇书。<br>(美)Kurzweil /2011-10-01 <el-collapse>
  <el-collapse-item title="简介" name="1">
    <div>一部预测人工智能和科技未来的奇书。在<br>《奇点临近》中，库兹韦尔通过将<br>进化划分为六大纪元，探讨和分析了<br>科学发展趋势。

　 在《奇点临近》<br>>中，库兹韦尔通过将进化划分为<br>六大纪元，探讨和分析了科学发展趋势。<br>演绎并预测了科技发展的未来。。</div>
  </el-collapse-item>
  </el-collapse></td>
   
  </tr>
</table>
        </div>
        <el-divider></el-divider>
    <h1>办公软件</h1>
        <div class="test">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="../assets\办公应用从入门到精通.jpg"  height="150" width="150"/> </td>
    <td align="center"><img src="../assets\30天精学Excel.jpg" height="150" /></td>
    <td align="center"><img src="../assets\Excel财务管理.jpg" height="150" /></td>
    <td align="center"><img src="../assets\你早该这么玩Excel.jpg" height="150" /></td>
  
    
  </tr>
  <tr>
    <td align="center"><h1>办公应用从入门到精通</h1><br>Word/Excel/PPT办公应用<br>从入门到精通 <br>办公应用三合一，专门<br>为初学者量身定做<br>杨阳 著，竹石文化 出品<el-collapse>
  <el-collapse-item title="简介" name="1">
    <div>典型案例，细致讲解，高效办公，入门级读物。<br>丰富、完整、易学。<br>
     由易到难，循序渐进,图文并茂，步步为赢<br>.案例为主，注重实用</div>
  </el-collapse-item>
  </el-collapse>
  
  </td>
    <td align="center"><h1>assets\30天精学Excel</h1><br>30天精学Excel 从菜鸟到<br>数据分析高手 <br>Excel教程书籍教学函数与公式应用大全<br>金桥 周奎奎<el-collapse>
  <el-collapse-item title="简介" name="1">
    <div>Excel Home云课堂爆款课程《30天精学Excel》<br>讲师倾力打造！ 跟着200万<br>人一起学Excel！ 3.本书配套同步<br>教学视频，扫码学习，高效方便</div>
  </el-collapse-item>
  </el-collapse></td>
    
    <td align="center"><h1>Excel财务管理</h1>Excel财务管理从入门到精通<br>作者：精英资讯<br><el-collapse >
  <el-collapse-item title="简介" name="1">
    <div>“视频讲解 手机扫码看视频 <br>实例引导 数据源文件<br> 办公模板 在线交流”，<br>帮你解决常见财务问题。</div>
  </el-collapse-item>
  </el-collapse></td>
    
    <td align="center"><h1>你早该这么玩Excel</h1>你早该这么玩Excel<br>（Wi-Fi版）畅销50万<br>作者:伍昊　著<el-collapse >
  <el-collapse-item title="简介" name="1">
    <div>畅销50万、连续3年长居计算机类图书<br>排行第1的《你早该这么玩Excel》升级来袭！<br>
　　全面升级后的《你早该这么玩Excel》<br>将是你秒杀表格难题、大杀四方，<br>重获职场好心情的秘籍。
　</div>
  </el-collapse-item>
  </el-collapse></td>
    

  </tr>
</table>
        </div>
        <el-divider></el-divider>
<h1>计算机理论</h1>
        <div class="test">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><img src="..\assets\数据结构编程实验.jpg"  height="150" /> </td>
    <td align="center"><img src="..\assets\信息物理系统逻辑基础.jpg" height="150" /></td>
    <td align="center"><img src="..\assets\初识量子计算.jpg" height="150" /></td>
    <td align="center"><img src="..\assets\真实世界的算法.jpg" height="150" /></td>
  
    
  </tr>
  <tr>
    <td align="center"><h1>数据结构编程实验</h1><br>大学程序设计课程与竞赛训练教材 第3版<br>作者： 吴永辉 王建德   
<br>出版社：机械工业出版社<el-collapse>
  <el-collapse-item title="简介" name="1">
    <div>针对大学程序设计竞赛和课程教学，<br>基于数据结构的知识体系结构和循序渐进<br>的原则组织内容，
      包括基本编程能力训练、线性数据<br>结构的编程、树的编程、图的编程<br>。</div>
  </el-collapse-item>
  </el-collapse>
  </td>
    <td align="center"><h1>信息物理系统逻辑基础</h1><br>从形式逻辑学的角度，深入讲解如何运用逻辑<br>计算思维方式更好地设计与分析CPS<br>[美]安德烈·普拉泽（André Platzer）<el-collapse >
  <el-collapse-item title="简介" name="1">
    <div>本书全面介绍如何采用逻辑与演绎语言推理<br>信息物理系统。在这个过程中，<br>读者将学习计算机科学、应用数学<br>和控制论的许多基本概念，所有<br>这些对了解CPS都是必不可少的。</div>
  </el-collapse-item>
  </el-collapse></td>
    <td align="center"><h1>初识量子计算</h1>本书以清晰和实用的方式介绍了量子<br>信息处理系统的概念和工作原理。<br>[美]帕拉格·K. 拉拉（Parag K. Lala）<el-collapse >
  <el-collapse-item title="简介" name="1">
    <div>涵盖了量子力学基础、量子信息处理、<br>量子门和电路、量子误差校正、<br>量子算法和量子密码学等内容，尤其<br>适合没有量子力学先验知识的和不<br>熟悉非经典信息处理的读者阅读。</div>
  </el-collapse-item>
  </el-collapse></td>
    <td align="center"><h1>真实世界的算法</h1>本书通过算法所解决的现实世界<br>的实例来介绍各种算法的思想和技术细节。<br>[希] 帕诺斯·卢里达斯（Panos Louridas） <el-collapse >
  <el-collapse-item title="简介" name="1">
    <div>　本书是关于算法（algorithm）的，<br>算法就是我们为了不去做某些事<br>情而做的事，是我们为了避免工作而做的工<br>作。凭借我们的发明，我们一直在用大<br>脑解放身体。而借助算法，我们可以用<br>大脑解放大脑。
　　减少人类的劳<br>动是一项高尚的任务。</div>
  </el-collapse-item>
  </el-collapse></td>
    

  
  </tr>
</table>
        </div>
</div>



</template>

<script>
import { get } from "@/utils/request.js";
export default {
  data() {
    return {
         categories: [],
         carousel: [],
    };
    },
    methods: {
    // 查询所有栏目信息
    findAllCategories() {
      // 使用axios封装的get方法，发送ajax请求，拿到所有的栏目数据
      get("/index/category/findAll").then((res) => {
        // 将后台接口响应的数据，设置到组件的数据模型中
        this.categories = res.data;
      });
    },
    findAllCarousel() {
      get("/index/carousel/findAll").then((res) => {
        // 将后台响应的轮播图数据，设置到组件的数据模型中
        this.carousel = res.data;
      });
    },
    },
    created() {
    // 调用查询所有栏目信息的方法
    this.findAllCategories();
     this.findAllCarousel();
    },
    
};
</script>


<style scoped>
.header {
  /* display: flex; */
  height: 80px;
  font-family: "微软雅黑";
  box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.329);
}
.containor {
  width: 90%;
  margin: 0 auto;
  height: 80px;
}
/* 为因为子元素浮动产生高度塌陷的父元素清除浮动 => 使用伪元素来清除浮动 */
.containor::after {
  display: block;
  clear: both;
  content: "";
}
.name {
  float: left;
  font-size: 22px;
  font-weight: bold;
  color: #555;
  height: 80px;
  line-height: 80px;
  cursor: pointer;
}
.category {
  float: left;
  display: flex;
  margin: 0;
  padding: 0 1em;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  color: #666;
}
.category > li {
  padding: 0 16px;
  cursor: pointer;
}
.telephone {
  float: right;
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  font-weight: bold;
  color: #888;
  cursor: pointer;
}
.telephone > img {
  position: relative;
  top: 5px;
  margin-right: 10px;
}
.xs{
 cursor: pointer;   
}
</style>
